<template>
  <div>
    首页
    <!-- qrcode
    1:下载  yarn add qrcode
    2:导入 import Qrcode from 'qrcode'
    3:创建用于显示二维码canvas      <canvas ref="canvas" />
    4:使用
       Qrcode.toCanvas(dom,用于生成二维码的字符,{width:宽度})
    -->

    <el-button @click="btnClick">点击生成二维码</el-button>
    <canvas ref="canvas" />
  </div>
</template>
<script>
import Qrcode from 'qrcode'
export default {
  methods: {
    btnClick() {
      Qrcode.toCanvas(this.$refs.canvas, 'http://www.baidu.com', { width: 300 })
    }
  }
}
</script>
<style></style>
